<template>
  <div class="">
    <div class="animotions animotion-rotate"></div>
  </div>
</template>

<script>
export default {
  props: {},
  components: {},
  data() {
    return {};
  },
  created() {
    this.initDataFun(); // 初始化数据
  },
  mounted() {},
  beforeDestroy() {},
  computed: {},
  watch: {},
  methods: {
    // 初始化数据
    initDataFun() {},
  },
};
</script>

<style lang="less"></style>

<style lang="less" scoped>
@keyframes aRotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.animotions {
  margin: 20px 20px;
}
.animotion-rotate {
  width: 100px;
  height: 100px;
  background-color: aqua;
  animation: aRotate 5s linear infinite;
}
</style>
